<template>
  <div class="table">
    <el-table
      height=500
      ref="multipleTable"
      :data="priceData"
      tooltip-effect="dark"
      style="width: 100%"
      @selection-change="handleSelectionChange"
      :cell-style="{'text-align':'center', 'font-size':' 12px'}" 
      :header-cell-style="{'text-align':'center', 'font-size':' 12px'}"
    >
      <el-table-column type="selection" width="50">
      </el-table-column>
      <el-table-column prop="yuyue" label="操作时间" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="order" label="订单号" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="name" label="患者姓名" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="card" label="就诊卡号" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="source" label="来源" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="type" label="业务类型" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="feiyong" label="费用类型" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="pay" label="支付方式" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="price" label="支付金额" show-overflow-tooltip>
      </el-table-column>
      <el-table-column prop="jiaofei" label="缴费状态" show-overflow-tooltip>
      </el-table-column>
      <el-table-column label="操作" width="137px">
        <el-button type="primary" icon="el-icon-edit" circle></el-button>
        <el-button type="danger" icon="el-icon-delete" circle></el-button>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { getAdminApiYs } from '@/api/adminApi/adminApiYs'
export default {
  data() {
    return {
      page: 1,
      priceData: [],
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
  },
  async mounted(){
    let ret = await getAdminApiYs(this.page)
    if(ret.data.length > 0) {
      this.priceData = ret.data
    }else {
      this.$message.error('暂无数据')
    }
  }
};
</script>

<style lang='scss' scoped>
.el-button.is-circle{
  transform: scale(0.7);
}

</style>